.search {
  padding: 0.53rem;
  position: fixed;
  z-index: 100;
  width: 25rem;
  box-sizing: border-box;
}
.search .fangdajing {
  background: url('../images/home-common.png') no-repeat -0.04rem -0.04rem;
  background-size: 1.4rem 8.2rem;
  width: 0.93rem;
  height: 0.93rem;
  position: absolute;
  left: 1.33rem;
  top: 1rem;
}
.searchBox {
  height: 1.86rem;
  width: 21.66rem;
  font-size: 1rem;
  text-indent: 2em;
  border-radius: 0.83rem;
}
.my {
  margin-left: 0.6rem;
  background: url(../images/home-common.png) no-repeat -0.03rem -2.43rem;
  background-size: 1.4rem 8.2rem;
  height: 1.33rem;
  width: 1.33rem;
  white-space: nowrap;
  line-height: 3.8rem;
  color: white;
}
.bg {
  position: fixed;
  width: 100%;
  height: 3rem;
  background-color: white;
  z-index: 2;
  opacity: 0;
}
.banner {
  width: 25rem;
  height: 15rem;
  position: relative;
}
.banner .bannerImgs {
  width: 100%;
  height: 15rem;
  overflow: hidden;
}
.banner .bannerImgs ul {
  width: 600%;
  overflow: hidden;
}
.banner .bannerImgs ul li {
  float: left;
}
.banner .bannerImgs ul li img {
  width: 25rem;
}
.banner .dot {
  position: absolute;
  left: 80%;
  bottom: 2.76rem;
  margin-left: -1.4rem;
}
.banner .dot ol li {
  width: 0.66rem;
  height: 0.66rem;
  background-color: rgba(245, 240, 240, 0.5);
  border-radius: 50%;
  margin-right: 0.66rem;
  float: left;
  cursor: pointer;
}
.banner .dot ol li.active {
  width: 1.33rem;
  border-radius: 0.83rem;
  background: white;
}
.banner .dot ol li:last-child {
  margin-right: 0;
}
.lunbobox {
  position: relative;
}
.gonglue ul {
  position: absolute;
  left: 0.8rem;
  top: 100%;
  transform: translateY(-50%);
  width: 23.4rem;
  height: 4.26rem;
  margin: 0 auto;
  border-radius: 0.33rem;
  background-color: white;
  display: flex;
  box-shadow: 0 0 10px 1px #ebebed;
}
.gonglue ul li {
  text-align: center;
  width: 4.68rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.gonglue ul li div {
  margin: 0 auto;
}
.gonglue ul li:nth-child(3) span {
  margin-top: -0.16rem;
}
.gonglue ul li:nth-child(5) span {
  margin-top: -0.63rem;
}
.img1 {
  background: url('../images/home-fivemain.png') no-repeat -0.46rem -0.5rem;
  background-size: 2.66rem 13.33rem;
  width: 1.73rem;
  height: 1.93rem;
}
.img2 {
  background: url('../images/home-fivemain.png') no-repeat -0.16rem -3.23rem;
  background-size: 2.66rem 13.33rem;
  width: 2.33rem;
  height: 1.8rem;
}
.img3 {
  background: url('../images/home-fivemain.png') no-repeat -0.23rem -5.66rem;
  background-size: 2.66rem 13.33rem;
  width: 2.2rem;
  height: 2.2rem;
}
.img4 {
  background: url('../images/home-fivemain.png') no-repeat -0.2rem -8.56rem;
  background-size: 2.66rem 13.33rem;
  width: 0.93rem;
  height: 1.83rem;
}
.img5 {
  background: url('../images/home-fivemain.png') no-repeat -0.23rem -10.96rem;
  background-size: 2.66rem 13.33rem;
  width: 2.2rem;
  height: 2.36rem;
}
.icons {
  height: 13.1rem;
  width: 22.8rem;
  margin-top: 3rem;
  margin-left: 0.8rem;
}
.icons .list2,
.icons .list3 {
  margin-top: 0.1rem;
}
.icons ul {
  height: 4.26rem;
  display: flex;
  justify-content: space-evenly;
}
.icons ul li {
  width: 5.6rem;
  height: 100%;
  text-align: center;
  line-height: 4.26rem;
  color: white;
}
.icons ul .list1_1 {
  background: url(../images/grid-nav-items-hotel.png) no-repeat bottom right / 4.86rem 2.16rem;
  background-color: #fa6355;
  border-top-left-radius: 0.83rem;
}
.icons ul .list1_2 {
  background: url(../images/grid-nav-items-minsu.png) no-repeat bottom left / 2.46rem 1.33rem;
  background-color: #fa6b53;
}
.icons ul .list1_3 {
  background-color: #fa7752;
}
.icons ul .list1_4 {
  background: url(../images/grid-nav-items-jhj.png) no-repeat bottom right / 5.76rem 2.13rem;
  background-color: #fa7c51;
  border-top-right-radius: 0.83rem;
}
.icons ul .list2_1 {
  background: url(../images/grid-nav-items-flight.png) no-repeat bottom left / 5.3rem 2.26rem;
  background-color: #4c96ed;
}
.icons ul .list2_2 {
  background: url(../images/grid-nav-items-train.png) no-repeat bottom right / 2.46rem 1.76rem;
  background-color: #4d9eed;
}
.icons ul .list2_3 {
  background-color: #50abed;
}
.icons ul .list2_4 {
  background-color: #51b3ed;
}
.icons ul .list3_1 {
  background: url(../images/grid-nav-items-travel.png) no-repeat bottom right / 6.23rem 3.13rem;
  background-color: #3bc49f;
  border-bottom-left-radius: 0.83rem;
}
.icons ul .list3_2 {
  background: url(../images/grid-nav-items-dingzhi.png) no-repeat bottom left / 4.06rem 1.36rem;
  background-color: #46c88e;
}
.icons ul .list3_3 {
  background-color: #58ce74;
}
.icons ul .list3_4 {
  background-color: #63d265;
  border-bottom-right-radius: 0.83rem;
}
.ziyouxing {
  font-size: 0.9rem;
  margin: 0 auto;
  width: 23.46rem;
  height: 8.2rem;
  display: flex;
  flex-wrap: wrap;
}
.ziyouxing li {
  height: 4.1rem;
  width: 4.69rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ziyouxing li div {
  margin: 0 auto;
}
.ziyouxing li span {
  height: 1.66rem;
  line-height: 1.66rem;
}
.ziyouxing li:nth-child(1) div {
  background: url('../images/un_ico_subnav.png') no-repeat -0.23333333rem -0.2rem/1.86666667rem 18.66666667rem;
  width: 1.4rem;
  height: 1.56rem;
}
.ziyouxing li:nth-child(2) div {
  background: url('../images/un_ico_subnav.png') no-repeat -0.33333333rem -2.16666667rem/1.86666667rem 18.66666667rem;
  width: 1.2rem;
  height: 1.36rem;
}
.ziyouxing li:nth-child(3) div {
  background: url('../images/un_ico_subnav.png') no-repeat -0.26666667rem -3.93333333rem/1.86666667rem 18.66666667rem;
  width: 1.33rem;
  height: 1.53rem;
}
.ziyouxing li:nth-child(4) div {
  background: url('../images/un_ico_subnav.png') no-repeat -0.23333333rem -5.73333333rem/1.86666667rem 18.66666667rem;
  width: 1.33rem;
  height: 1.53rem;
}
.ziyouxing li:nth-child(5) div {
  background: url('../images/un_ico_subnav.png') no-repeat -0.16666667rem -7.7rem/1.86666667rem 18.66666667rem;
  width: 1.53rem;
  height: 1.43rem;
}
.ziyouxing li:nth-child(6) div {
  background: url('../images/un_ico_subnav.png') no-repeat -0.3rem -9.6rem/1.86666667rem 18.66666667rem;
  width: 1.3rem;
  height: 1.3rem;
}
.ziyouxing li:nth-child(7) div {
  background: url('../images/un_ico_subnav.png') no-repeat -0.2rem -11.63333333rem/1.86666667rem 18.66666667rem;
  width: 1.46rem;
  height: 1.06rem;
}
.ziyouxing li:nth-child(8) div {
  background: url('../images/un_ico_subnav.png') no-repeat -0.2rem -13.5rem/1.86666667rem 18.66666667rem;
  width: 1.46rem;
  height: 1.06rem;
}
.ziyouxing li:nth-child(9) div {
  background: url('../images/un_ico_subnav.png') no-repeat -0.23333333rem -15.23333333rem/1.86666667rem 18.66666667rem;
  width: 1.36rem;
  height: 1.26rem;
}
.ziyouxing li:nth-child(10) div {
  background: url('../images/un_ico_subnav.png') no-repeat -0.23333333rem -17rem/1.86666667rem 18.66666667rem;
  width: 1.43rem;
  height: 1.46rem;
}
.temaihui_box {
  height: 2rem;
}
.temaihui_box .temaihui {
  background: url('../images/un_home_text.png') no-repeat 0 0/5.26666667rem 3.83333333rem;
  width: 3.73rem;
  height: 0.96rem;
}
.temaihuiList {
  height: 13.53rem;
  width: 100%;
}
.temaihuiList .left {
  height: 100%;
  width: 11.73rem;
  background-color: #f9f9f9;
}
.temaihuiList .left p {
  margin-top: 1rem;
  height: 3rem;
  line-height: 1.5rem;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.temaihuiList .left span {
  margin-top: 0.7rem;
  display: block;
  color: #ff495e;
  font-size: 1.33rem;
}
.temaihuiList .right {
  width: 11.66rem;
  margin-left: 0.26rem;
}
.temaihuiList .right .right_top {
  padding: 0.3rem;
  box-sizing: border-box;
  width: 100%;
  height: 5.86rem;
  background-color: #f9f9f9;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.temaihuiList .right .right_top p:nth-child(1) {
  color: #fc5165;
  font-weight: 550;
  font-size: 1.16rem;
}
.temaihuiList .right .right_top p:nth-child(2) {
  margin-top: 0.3rem;
}
.temaihuiList .right .right_bottom_left,
.temaihuiList .right .right_bottom_right {
  width: 5.66rem;
  height: 7.33rem;
  background-color: #f9f9f9;
  margin-top: 0.26rem;
  text-align: center;
}
.temaihuiList .right .right_bottom_left p:nth-child(1),
.temaihuiList .right .right_bottom_right p:nth-child(1) {
  margin-top: 0.83rem;
  color: #6aabff;
  font-weight: 550;
  font-size: 1.16rem;
}
.temaihuiList .right .right_bottom_left p:nth-child(2),
.temaihuiList .right .right_bottom_right p:nth-child(2) {
  margin-top: 0.3rem;
}
.temaihuiList .right .right_bottom_right {
  margin-left: 0.26rem;
}
.temaihuiList .right .right_bottom_right p:nth-child(1) {
  color: #53ca72;
}
.hot_game {
  height: 2rem;
}
.hot {
  background: url('../images/un_home_text.png') no-repeat 0 -1.3rem/5.26666667rem 3.83333333rem;
  width: 4.83rem;
  height: 1rem;
}
.AD {
  margin-left: 1rem;
  width: 2.33rem;
}
.picture_list img {
  width: 49%;
  float: left;
  border: 1px solid #f3f3f3;
}
.phone ul {
  margin-top: 0.53rem;
  height: 3.86rem;
  display: flex;
}
.phone ul li {
  height: 100%;
  width: 33.3%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.phone ul li .lianxi3,
.phone ul li .lianxi1,
.phone ul li .lianxi2 {
  background: url('../images/home-common.png') no-repeat -0.04rem -5.23333333rem/1.4rem 8.2rem;
  width: 1.33rem;
  height: 1.33rem;
}
.phone ul li .iconfont {
  font-size: 1.5rem;
}
.footer {
  height: 4.33rem;
  text-align: center;
}
.footer p:nth-child(1) {
  margin-top: 0.9rem;
  height: 1.83rem;
}
.footer p:nth-child(2) {
  font-size: 0.6rem;
  color: #a39f9e;
}
